<ul class="breadcrumb">
    <li>
        <a href="index.html">Home</a>
        <span class="divider">/</span>
    </li>
    <li>
        <a href="users.html" target="pjax">Users</a>
        <span class="divider">/</span>
    </li>
    <li class="active">
        User
    </li>
</ul>

<div class="container-fluid">
    <div class="row-fluid">

        <div class="btn-toolbar">
            <button class="btn btn-primary">
                <i class="icon-save"></i> Save
            </button>
            <a href="#myModal" data-toggle="modal" class="btn">Delete</a>
            <div class="btn-group">
            </div>
        </div>
        <div class="well">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#home" data-toggle="tab">Profile</a>
                </li>
                <li>
                    <a href="#profile" data-toggle="tab">Password</a>
                </li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane active in" id="home">
                    <form id="tab" action="users.html" target="pjax">
                        <label>
                            Username
                        </label>
                        <input type="text" name="username" value="jsmith" class="input-xlarge">
                        <label>
                            First Name
                        </label>
                        <input type="text" name="firstname" value="John" class="input-xlarge">
                        <label>
                            Last Name
                        </label>
                        <input type="text" name="lastname" value="Smith" class="input-xlarge">
                        <label>
                            Email
                        </label>
                        <input type="text" name="email" value="jsmith@yourcompany.com" class="input-xlarge">
                        <label>
                            Address
                        </label>
                        <textarea  name="address" rows="3" class="input-xlarge">
2817 S 49th
Apt 314
San Jose, CA 95101
                        </textarea>
                        <label>
                            Time Zone
                        </label>
                        <select name="DropDownTimezone" id="DropDownTimezone" class="input-xlarge">
                            <option value="-12.0">
                                (GMT -12:00) Eniwetok, Kwajalein
                            </option>
                            <option value="-11.0">
                                (GMT -11:00) Midway Island, Samoa
                            </option>
                            <option value="-10.0">
                                (GMT -10:00) Hawaii
                            </option>
                            <option value="-9.0">
                                (GMT -9:00) Alaska
                            </option>
                            <option selected="selected" value="-8.0">
                                (GMT -8:00) Pacific Time (US &amp; Canada)
                            </option>
                            <option value="-7.0">
                                (GMT -7:00) Mountain Time (US &amp; Canada)
                            </option>
                            <option value="-6.0">
                                (GMT -6:00) Central Time (US &amp; Canada), Mexico City
                            </option>
                            <option value="-5.0">
                                (GMT -5:00) Eastern Time (US &amp; Canada), Bogota, Lima
                            </option>
                            <option value="-4.0">
                                (GMT -4:00) Atlantic Time (Canada), Caracas, La Paz
                            </option>
                            <option value="-3.5">
                                (GMT -3:30) Newfoundland
                            </option>
                            <option value="-3.0">
                                (GMT -3:00) Brazil, Buenos Aires, Georgetown
                            </option>
                            <option value="-2.0">
                                (GMT -2:00) Mid-Atlantic
                            </option>
                            <option value="-1.0">
                                (GMT -1:00 hour) Azores, Cape Verde Islands
                            </option>
                            <option value="0.0">
                                (GMT) Western Europe Time, London, Lisbon, Casablanca
                            </option>
                            <option value="1.0">
                                (GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris
                            </option>
                            <option value="2.0">
                                (GMT +2:00) Kaliningrad, South Africa
                            </option>
                            <option value="3.0">
                                (GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg
                            </option>
                            <option value="3.5">
                                (GMT +3:30) Tehran
                            </option>
                            <option value="4.0">
                                (GMT +4:00) Abu Dhabi, Muscat, Baku, Tbilisi
                            </option>
                            <option value="4.5">
                                (GMT +4:30) Kabul
                            </option>
                            <option value="5.0">
                                (GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent
                            </option>
                            <option value="5.5">
                                (GMT +5:30) Bombay, Calcutta, Madras, New Delhi
                            </option>
                            <option value="5.75">
                                (GMT +5:45) Kathmandu
                            </option>
                            <option value="6.0">
                                (GMT +6:00) Almaty, Dhaka, Colombo
                            </option>
                            <option value="7.0">
                                (GMT +7:00) Bangkok, Hanoi, Jakarta
                            </option>
                            <option value="8.0">
                                (GMT +8:00) Beijing, Perth, Singapore, Hong Kong
                            </option>
                            <option value="9.0">
                                (GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk
                            </option>
                            <option value="9.5">
                                (GMT +9:30) Adelaide, Darwin
                            </option>
                            <option value="10.0">
                                (GMT +10:00) Eastern Australia, Guam, Vladivostok
                            </option>
                            <option value="11.0">
                                (GMT +11:00) Magadan, Solomon Islands, New Caledonia
                            </option>
                            <option value="12.0">
                                (GMT +12:00) Auckland, Wellington, Fiji, Kamchatka
                            </option>
                        </select>
                        <div>
                            <input type="submit" value="Update" class="btn btn-primary"/>
                        </div>
                    </form>
                </div>
                <div class="tab-pane fade" id="profile">
                    <form id="tab2">
                        <label>
                            New Password
                        </label>
                        <input type="password" class="input-xlarge">
                        <div>
                            <input type="submit" value="Update" class="btn btn-primary"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h3 id="myModalLabel">
                    Delete Confirmation
                </h3>
            </div>
            <div class="modal-body">

                <p class="error-text">
                    <i class="icon-warning-sign modal-icon"></i>Are you sure you want to delete the user?
                </p>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">
                    Cancel
                </button>
                <button class="btn btn-danger" data-dismiss="modal">
                    Delete
                </button>
            </div>
        </div>
    </div>
</div>